ul#checkStar {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 10%;
}

input[type="text"] {
	position: fixed;
	left: 10%;
	top: 100px;
}

ul#checkStar li {
	padding: 10px;
	cursor: pointer;
	user-select: none;
}

.tick {
	stroke-dasharray: 810;
	stroke-dashoffset: 810;
}

ul.checked1+div>svg .tick {
	animation: tick 8s ease-out;
	animation-fill-mode: forwards;
	/* animation-delay: .95s; */
}

ul.checked2+div>svg .tick {
	animation: tick 5s ease-out;
	animation-fill-mode: forwards;
	/* animation-delay: .95s; */
}


@keyframes tick {
	from {
		stroke-dashoffset: 810;
	}

	to {
		stroke-dashoffset: 0;
	}
}

#checkStar,
#thisStar_index,
#thisStar_name,
#thisStar_id {
	display: none;
}
